<template>
    <div class="peopleManage2">
    	<div class="banner"></div>
    	<ul class="content">
    		<li class="search" @click="$router.push('basicMessage')">人员信息查询</li>
    		<li class="input" @click="$router.push('codeImg')">人员信息录入</li>
    		<li class="break" @click="$router.push('breakManage')">违章管理</li>
    	</ul>
    	<ul class="footer">
    		<li class="people active">人员管理</li>
    		<li class="my">我的</li>
    	</ul>
    </div>
</template>
<script>
export default {
    name: 'hideManager',
    components: {

    },
    data(){
        return {
            showPositionValue: false,
            tosPosition: 'center',
        }
    },
    methods: {

    }
}
</script>
<style lang="less" scoped>
.peopleManage2{
	.banner{
		height: 200px;
		background: url(../../../static/images/banner.png)no-repeat;
		background-size:100% 100% ;
	}
	.content{
		width:300px;
		margin:-35px auto ;
		li{
			height: 100px;
			line-height: 100px;
			font-size: 18px;
			color: #666666;
			text-indent: 40px;
			border-radius:10px ;
			margin-bottom:26px ;
		}
		li.search{
			background: url(../../../static/images/search.png);
			background-size:100% 100% ;
		}
		li.input{
			background: url(../../../static/images/input.png);
			background-size:100% 100% ;
		}
		li.break{
			background: url(../../../static/images/break.png);
			background-size:100% 100% ;
		}
	}
	.footer{
		height: 49px;
		position: fixed;
		bottom: 0;
		font-size: 10px;
		width:100%;
		border-top: 1px solid #efeff4;
		li{
			width:50%;
			text-align: center;
			float: left;
			padding-top: 30px;
		}
		li.active{
			color: #2269ff;
		}
		.people{
			background:url(../../../static/images/people2.png)no-repeat center 6px ;
			background-size:20px 21px ;
		}
		.my{
			background:url(../../../static/images/my1.png)no-repeat center 6px ;
			background-size:20px 21px ;
		}
	}

}
</style>



